Top 20 Unique Thumbnail jQuery Gallery Examples For Spicing Up Your Site

1. MelonHTML5 - Metro Gallery

featured image

Metro Gallery a flexible and easy to integrate photo gallery featured in Metro Design.Metro Gallery gives you the ability to easily create your own unique Metro Wall containing multiple tiles in various sizes with automatic rotations.Each tile could have it own size set which ranges from 1×1, 1×2 … 4×4 … to 10×10CSS3 animations + jQuery fallback for IE

Old IEs will get jQuery Fallback.Metro Gallery can be loaded with 3 different animations: flip, scale or fade.Added ability to use thumbnail in tiles, and big images in lightbox

Updated code to be fully compatible with jQuery 1.

More Details

2. WOW Slider

WOW Slider

WOW Slider is a fantastic responsive image slider with

killer animations and tons of professionally made templates. NO Coding - WOW Slider is packed with a drag-n-drop wizard to create beautiful slideshows in a matter of seconds without coding and image editing. Wordpress plugin and Joomla module are available.

Also, you can share your slider on Facebook.

More Details

3. Creative Gallery

featured image

Creative Gallery – A must have WordPress Image Gallery is a first of its kind of image gallery, built using jQuery and CSS3.A Very Creative and unique style of gallery.Add any number of albums (boxes) in the gallery and images (icons) in the album.Manage spacing among album boxes in the gallery.

More Details

4. Jssor Slider jQuery Plugin, TOUCH & RESPONSIVE

featured image

Image Gallery

Image Gallery with Vertical Thumbnail Navigator

No-Jquery minimum 15KB javascript code by smart compression. User can add any html code to each slide, and user can customize ‘navigator’, ‘thumbnail navigator’ to any format. Touch drag navigation for thumbnail navigator is allowed

Use any html/css code to customize thumbnail to anyformat

More Details

5. jQuery Facebook Gallery

featured image

The jQuery popup lightbox Gallery script allows you to show all your Facebook albums (images) on your website. This script is a pure javascript/jQuery solution and does not require a PHP server. While the JS and CSS files can be hosted outside of your website, the JavaScript lines that are necessary to initialize the gallery and the HTML line which defines where in your page the gallery will be shown must be part of your website.Added option to disable Automatic iFrame Detection and Height Adjustment if gallery is embedded with cross-domain iFrames (not recommended to embed this way, but sometimes there are no alternatives)

Added option to show album name either above or below thumbnail

Added Option to match album thumbnail look with photo thumbnail look

More Details

6. jQuery Google+/Picasa Gallery

featured image

The jQuery Google+/Picasa video gallery script jQuery allows you to show all your Google+/Picasa albums (images) on your website. This script is a pure javascript/jQuery solution and does not require a PHP server. While the JS and CSS files can be hosted outside of your website, the JavaScript lines that are necessary to initialize the gallery and the HTML line which defines where in your page the gallery will be shown must be part of your website.Added option to disable Automatic iFrame Detection and Height Adjustment if gallery is embedded with cross-domain iFrames (not recommended to embed this way, but sometimes there are no alternatives)

Added option to show album name either above or below thumbnail

More Details

7. Responsive Tile Gallery

featured image

Responsive Tile Gallery is a completely responsive image gallery.Responsive Tile Gallery Features:

A fully responsive image gallery

Add captions to your images in the gallery and in the lightbox

Option to use thumbnail images for faster load times

Uses CSS Transitions with jQuery fallbacks for improved performance

Responsive Tile Gallery is supported on IE8 and up, Chrome, Firefox, Safari, Opera, iPhone, iPad, Android Devices, and most devices with web support.Responsive Tile Gallery comes with complete documentation, from installation features to CSS theme customization!

100% of feature updates to the Responsive Tile Gallery were user suggestions.Fixed jQuery 1. You can now pick the initial category the gallery should show.

More Details

8. YouTube Subscription Videos

featured image

An easy to use, thoroughly explained jQuery plugin that fetches YouTube videos from the subscriptions of any user. Features include choosing thumbnail image and size, autoplay, click, load and error event handlers, easy styling and chainability. It only takes a minute to drop in the code and with a single line of jQuery your website has a video gallery.

More Details

9. Responsive Gridfolio

featured image

The gallery can have any number of images and each image can be of any size, but proportional to a base thumb width and height. When a thumbnail is pressed you can choose either to display an original media lightbox which we have coded, or to open a new webpage, the url and target of this webpage can be specified. Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. Customizable thumbnails border and background: each thumbnail can have a border and a background, the thumbnail’s background color, the border’s size and the border’s color are customizable, also the thumbnails border color can be tweened from a normal color to a selected color. Thumbnail’s description or thumbnails media icons: each thumb can have a short description with a transparent background under it or a media icon which represents a link, video or image, this are visible when the mouse is over a thumbnail, the text can be formatted with CSS, the jQuery background slideshow and opacity also can be modified (optional). Custom press thumbnail action: when a thumbnail is pressed you can choose either to display an original media lightbox which we have coded, or to open a new webpage, the url and target of this webpage can be specified.

More Details

10. iLightBox · Revolutionary Lightbox Plugin

featured image

iLightBox allows you to easily create the most beautiful responsive overlay windows using the jQuery JavaScript library.jQuery capabilities.Option to preview thumbnail over navigation.

More Details

11. Nova Gallery - Responsive HTML5 Multimedia Gallery

featured image

Nova Gallery is a HTML5 multimedia gallery enabling you to showcase your photos/audio/video in a beautiful and sleek interface. You have the option of presenting your items in two different modes, which are a Thumbnail Grid and Full-width view, and you also have the option of switching between the two modes. You can have multiple sets/albums of items and can filter the gallery items based on file type or based on custom categories. The gallery allows you to showcase your Youtube/Vimeo videos and Flickr/Picasa photos from groups/sets/albums/collections. The gallery features a fluid responsive design and can fit in any screen size ranging from mobile phones to desktop browsers. The gallery also features touch-screen support and uses hardware accelerated CSS based animations wherever possible which results in smooth animations, that is especially noticeable in mobile devices. Try the gallery demos and resize your browser to see the responsive design of the gallery in action. All gallery data is passed in a simple XML file. Two display modes – Thumbnail Grid & Full-width. The Thumbnail Grid mode features a Masonry layout and you can control the spacing between items by applying margins through css,

This slideshow stops whenever the browser tab in which the gallery is displayed, goes out of focus (this feature only works in browsers that supports the HTML5 Page Visibility Api). Supports multiple gallery sets or albums. The gallery features a fluid responsive design to account for various screens sizes ranging from mobile phones to desktop browsers and can also be placed in a container of any width. The gallery is mobile device friendly with touch screen support. Handy keyboard shortcuts have been provided for easier navigation of the gallery. The gallery items can also act as links to external pages

Can mention a youtube upload custom thumbnail image for the gallery sets. By default the thumbnail for the first item in the set is used to represent the set. Autoplay audio and video when Lightbox opens in Thumbnail Grid mode.e Thumbnail Grid or Full-width, which will be shown when the gallery first loads. Option to show a particular category of items when the gallery first loads. Shrink images in Full-width mode to fit the container when the gallery first loads. Choose to show the thumbnails in Full-width mode when the gallery first loads. Choose the animated effect for the items in Thumbnail Grid mode when it first shows. Choose the animated effect for showing item captions/descriptions in Thumbnail Grid mode. Choose the animated effect for showing/hiding the Gallery Sets screen (home screen). Show the gallery either spanning the entire width of the browser or the width of its parent container. The gallery items can also act as links to external pages. You have the option to shuffle or randomly order the gallery items each time the page is refreshed. The gallery supports preloading of images in Full-width mode for smoother viewing. You can start the slideshow in Full-width mode when the gallery first loads. Option to set the path for the gallery configuration XML file.Suitable jQuery based fallbacks have been provided for all CSS based animated effects for older browsers. The jQuery photo gallery has been tested and is fully compatible with jQuery 1. and also jquery 2.Fixed a bug in the thumbnail grid layout when margins were set on the items. Improved the closing/opening of the gallery menu in touch-screen devices. Fixed a bug where the inclusion of images in the item captions interfered with the thumbnail grid layout.Fixed problem with positioning of the gallery overlay/lightbox when there were other content in the page along with the gallery. Updated the jQuery masonry responsive plugin so that it is compatible with jquery v1. The gallery now is fully compatible with jquery 1.9+ including jquery 2.

More Details

12. iLightBox · Revolutionary Lightbox for WordPress

featured image

iLightBox allows you to easily create the most beautiful responsive overlay windows using the jQuery JavaScript library.jQuery capabilities.Compatible with the regular wordpress gallery shortcode.Option to preview thumbnail over navigation.“Great work on this plugin! It’s quite fantastic! It’s definitely the wordpress image gallery plugin I’ve used for Wordpress. I’ve bought 6 gallery plugins and this is the first one that manages loading images smoothly on slow connections.“THIS IS SO WELL DONE! thank you for making customization and jQuery functions so easy to implement through the dashboard. * Optimized: Creating new gallery. * Optimized: Native gallery shortcode. * Added: Native support for Gallery Shortcode. * Added: Enable on wordpress media library gallery shortcode option. * Fixed: Some bugs in jQuery 1. * Fixed: Gallery in feed page.

More Details

13. Nova Gallery - Multimedia Gallery Wordpress Plugin

featured image

The standalone gallery has a 5 star rating.Nova wp image gallery makes it easy to embed the Nova Gallery – Responsive HTML5 Multimedia Gallery, in your Wordpress theme. It is a HTML5 multimedia gallery enabling you to showcase your photos/audio/video in a beautiful and sleek interface. You have the option of presenting your items in two different modes, which are a Thumbnail Grid and Full-width view, and you also have the option of switching between the two modes. You can have multiple sets/albums of items and can filter the gallery items based on file type or based on custom categories. The gallery allows you to showcase your Youtube/Vimeo videos and Flickr/Picasa photos from groups/sets/albums/collections. The gallery features a fluid responsive design and can fit in any screen size ranging from mobile phones to desktop browsers. The gallery also features touch-screen support and uses hardware accelerated CSS based animations wherever possible which results in smooth animations, that is especially noticeable in mobile devices. Try the gallery demos and resize your browser to see the responsive design of the gallery in action. Two display modes – Thumbnail Grid & Full-width. The Thumbnail Grid mode features a Masonry layout and you can control the spacing between items by applying margins through css,

This slideshow stops whenever the browser tab in which the gallery is displayed, goes out of focus (this feature only works in browsers that supports the HTML5 Page Visibility Api). Supports multiple gallery sets or albums. The gallery features a fluid responsive design to account for various screens sizes ranging from mobile phones to desktop browsers and can also be placed in a container of any width. The gallery is mobile device friendly with touch screen support. Handy keyboard shortcuts have been provided for easier navigation of the gallery. The gallery items can also act as links to external pages

Create multiple galleries and manage them with the Gallery Manager. Can host media files in services like Amazon AWS and then insert those file links in the gallery settings page. The plugin allows you to upload media files through the WP Media Library, so you can use your previously uploaded files in the gallery too. Thumbnails for the gallery are generated automatically if you choose to, or you can upload your own thumbnails. Drag to sort gallery item order. Also shortcode for each gallery created, is visible in the Gallery Manager. Can mention a youtube custom thumbnail image for the gallery sets. By default the thumbnail for the first item in the set is used to represent the set. Autoplay audio and video when Lightbox opens in Thumbnail Grid mode.e Thumbnail Grid or Full-width, which will be shown when the gallery first loads. Option to show a particular category of items when the gallery first loads. Shrink images in Full-width mode to fit the container when the gallery first loads. Choose to show the thumbnails in Full-width mode when the gallery first loads. Choose the animated effect for the items in Thumbnail Grid mode when it first shows. Choose the animated effect for showing item captions/descriptions in Thumbnail Grid mode. Choose the animated effect for showing/hiding the Gallery Sets screen (home screen). Show the gallery either spanning the entire width of the browser or the width of its parent container. The gallery items can also act as links to external pages. You have the option to shuffle or randomly order the gallery items each time the page is refreshed. The gallery supports preloading of images in Full-width mode for smoother viewing. You can start the slideshow in Full-width mode when the gallery first loads. Option to set the path for the gallery configuration XML file. Option to hide the Gallery Menu

Option hide any of the available view modes – Thumbnail Grid or Fullwidth.Suitable jQuery based fallbacks have been provided for all CSS based animated effects for older browsers. The image gallery HTML has been tested and is fully compatible with jQuery 1. and jQuery 2.Fixed a bug in the thumbnail grid layout when margins were set on the items. Improved the closing/opening of the gallery menu in touch-screen devices. Fixed a bug where the inclusion of images in the item captions interfered with the thumbnail grid layout.Fixed problem with positioning of the gallery overlay/lightbox when there were other content in the page along with the gallery. Updated the jQuery masonry plugin so that it is compatible with jquery v1. The gallery now is fully compatible with jquery 1.9+ including jquery 2.Fixed a bug regarding the displaying of gallery set names.

More Details

14. YouTube Playlist

featured image

An easy to use, thoroughly explained jQuery plugin that fetches YouTube videos from any playlist of any user. Features include choosing thumbnail image and size, autoplay, click, load and error event handlers, easy styling and chainability. It only takes a minute to drop in the code and with a single line of jQuery your website has a video gallery.

More Details

15. YouTube Channel

featured image

An easy to use, thoroughly explained jQuery plugin that fetches YouTube videos from a specific playlist by username and playlist name. Features include choosing thumbnail image and size, autoplay, click, load and error event handlers, easy styling and chainability. It only takes a minute to drop in the code and with a single line of jQuery javascript – your website has a video gallery!

More Details

16. Google Plus Photo Gallery Plugin

featured image

This javascript plugin allows you to include your own Google Plus Photo Gallery into your own site.· jQuery tecnology

· Configurable thumbnail size for albums overview and album content

More Details

17. Simple Instagram VIDEO

featured image

Advanced Video Thumbnail Gallery Mode -

Share your best Instagram videos with our clean thumbnail gallery. Premium Video Playlist Gallery Mode -

jQuery 1.

More Details

18. jQuery Tabs Plugin DZS

featured image

jQuery Tabs Plugin DZS – Need a neat way to present your content? Responsive, compatible, advanced but easy to use. The first real jQuery plugin for advanced tabs.fixed thumbnail

free updates – even if the value of this gallery increases with upcoming updates, you will get them for free

jquery

More Details

19. Ultimate Grid Responsive Gallery

featured image

Ultimate Grid Responsive Gallery

This is a HTML | CSS | JQuery Grid with a Lightbox, you can specify thumbnails for the grid and when you click on it to open the lightbox it will load the normal image, you can specify the text for the captions and for the lightbox. The filter navigation bar is generated automatically from the categories you specify to each thumbnail

You can link to another page when you click in a thumbnail

More Details

20. Responsive Slideshow Photo Gallery Grid

featured image

The Responsive Slideshow Photo Gallery has a fluid / flexible / responsive layout. Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. The Responsive Slideshow Photo Gallery is using the GPU (hardware acceleration) using HTML5 standards. Customizable thumbnails border and background: each thumbnail can have a border and a background, the thumbnail’s background color, the border’s size and the border’s color are customizable. Thumbnail’s description: each thumb can have a short description with a transparent background under it and this description is visible when the mouse is over a thumbnail, the text can be formatted with CSS, the background color and opacity also can be modified (optional). Custom press thumbnail action: when a thumbnail is pressed you can choose either to display an original media lightbox which we have coded, or to open a new webpage, the url and target of this webpage can be specified.2013 – We have added a new feature to this grid, the option to gallery images icons over the thumbnails when they are selected, now you can chose between thumbnails description, media icons or “none” when a thumbnail is selected.

More Details

21. jQuery Hidden Panel

featured image

A image rotator jQuery plugin which added the hidden form HTML to the 4 position of the browser corner. You can use it to display a image gallery wordpress free or video showcase.jQuery OneByOne Slider Plugin:

jQuery http://jquery.

More Details